<template>
  <div class="common_bottom">
<!--底部左边文字-->
    <div class="left">
      <div class="top">
      <el-breadcrumb separator="|">
        <el-breadcrumb-item><a>&nbsp;关于我们&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;联系我们&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;花语大全&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;购物指南&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;退换货指南&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;企业团购&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item><a>&nbsp;花店加盟&nbsp;</a></el-breadcrumb-item>
        <el-breadcrumb-item></el-breadcrumb-item>
      </el-breadcrumb>
      </div>
      
      <div class="bottom">
        <p><span>© 2024-2099 xianhuawang.com</span></p>
        <p><span>违法和不良信息举报电话:12377</span></p>
        <p><span>消费者申诉举报热线:12315</span></p>
        <p><span style="color: #c02626">@zgc水印</span></p>
      </div>
      
    </div>
    
    <div class="right">
      <div class="top"><img src="https://cdn7.axureshop.com/demo2024/2262159/images/%E9%A6%96%E9%A1%B5/u226.svg"></div>
     
      
      <div class="middle">
        <p><i class="el-icon-present"></i></p>
        <p><span>给你心爱的人送上一束鲜花</span></p>
        
      </div>
      <div class="bottom">
        <p>全国服务热线</p>
        <p>888-888-888</p>
        <p>营业时间&nbsp;8:00--23:00</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "CommonBottomView",
}
</script>


<style scoped lang="less">
.common_bottom{
  background-color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 200px;
  
}

.left{
  position: relative;
  
}

.left .top{
  position: absolute;
  top: 20px;
  left: 20px;
}

.left .bottom{
  position: absolute;
  top: 50px;
  left: 20px;
  text-align: left;
}

.middle{
  position: absolute;
  left:650px;
  top: 10px;
}

.middle i{
  font-size: 100px;
}
.middle span{
  
}

.right{
  position: relative;
  
  left: 150px;
}

.right .top{
  position: absolute;
  font-size: 50px;
  top: 30px;
  right: 350px;
}

.right .bottom {
  position: absolute;
  top: 80px;
  right: 300px;
}

</style>